<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
    <meta charset="UTF-8">
    <title>D_civilization_practice</title>
    <meta name="page-view-size" content="1280*720">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/E_civilization_practice.css">
    <script type="text/javascript" src="lib/js/evm.js"></script>
    <script type="text/javascript" src="lib/js/Evm_djyw.js"></script>
    <script type="text/javascript" src="lib/js/key.js"></script>
    <script src="lib/js/md5.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/js/jquery-1.11.1.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/js/jquery.cookie.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/api.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/public.js" type="text/javascript" charset="utf-8"></script>
    <style>
        .model:nth-child(n) {
            display: block;
            width: 200px;
            height: 140px;
            position: absolute;
            z-index: 100;
        }
        
        .model:nth-child(1) {
            width: 395px;
            height: 296px;
            top: 212px;
            left: 111px;
        }
        
        .model:nth-child(2) {
            top: 212px;
            left: 522px;
        }
        
        .model:nth-child(3) {
            top: 212px;
            left: 738px;
        }
        
        .model:nth-child(4) {
            top: 368px;
            left: 522px;
        }
        
        .model:nth-child(5) {
            top: 368px;
            left: 738px;
        }
        
        .model:nth-child(6) {
            width: 215px;
            height: 297px;
            top: 212px;
            left: 954px;
        }
        /* .theoretical-bg>div:nth-child(7) {
            width: 263px;
            height: 111px;
            position: absolute;
            left: 90px;
            top: 483px;
            border: 3px solid #ccc;
            z-index: 888;
        } */
    </style>
</head>

<body>
    <div class="theoretical-bg" id="theoreticalMain">
        <div class="model"><img src="./images/qjy8090/4220.png"></div>
        <div class="model"><img src="./images/qjy8090/4221.png"></div>
        <div class="model"><img src="./images/qjy8090/4222.png"></div>
        <div class="model"><img src="./images/qjy8090/4223.png"></div>
        <div class="model"><img src="./images/qjy8090/4224.png"></div>
        <div class="model"><img src="./images/qjy8090/4225.png"></div>
    </div>
</body>
<script>
    var modelIndex = {

        disUser: true,
        specialState: 'didi',
        index: 0, //初始位置
        listName: 'model', //模块名称
        containerId: 'theoreticalMain', //包含模块的标签id
        thisContain: 'container', //翻滚外容器
        thisDetail: 'content', //翻滚内容
    }
    var articleRun;
    var data = [{
        name: "宣讲预告",
        id: "476",
        url: "A_SingleList.html",
        model: 'Theory'
    }, {
        name: "宣讲团队",
        id: "475",
        url: "A_SingleList.html",
        model: "Preach"
    }, {
        name: "导师顾问",
        id: "474",
        url: "A_SingleList.html",
        model: "Mentor"
    }, {
        name: "中央厨房",
        id: "473",
        url: "A-doubleList.html",
        model: 'Kitchen'
    }, {
        name: "积分银行",
        id: "472",
        url: "A-doubleList.html",
        model: "goodlist"
    }, {
        name: "点单8090",
        id: "471",
        url: "order_meal.html",
        model: "order"


    }, ];

    function getMessage() {
        var param = {
            id: TV.GetParam('area_id'),
            area_id: TV.GetParam('area_id'),

        }
        GetDatas('childInfo', param, function(err, res) {
            mess = res.data;
            $('.title').html(mess.title);
            $('.endtime').html(" <div class=orange>结束时间</div>: " + mess.format_end_time);
            $('.starttime').html(" <div class=orange>活动时间</div>: " + mess.format_start_time + ' 至 ' + mess
                .format_end_time);
            $('.organization').html('<div class=orange>发起组织</div>：' + mess.group_name)
            $('.address').html('<div class=orange>地&nbsp;&nbsp;&nbsp;&nbsp &nbsp; 址:</div>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + mess.name);
            $('.serviceTime').html('<div class=orange>服务时长</div>：' + mess.service_time);
            $('.phone').html('<div class=orange>联系电话:</div>' + '&nbsp;&nbsp;&nbsp;&nbsp;' + mess.contacter);
            $('.contacts').html('<div class=orange>联 系 &nbsp;人:</div>' + '&nbsp&nbsp;&nbsp;&nbsp;&nbsp;' + mess.master);
            $(".addimg").attr("src", mess.img ? API_URL.imgURL + mess.img : "/images/nonePic.png")
            $('.content').html(mess.content);
            $('.imgs').attr('src', API_URL.imgURL + mess.images);
            // $('.').html(mess.);
            var surl = API_URL.loginURL + "home/index/qrcode?url=" + encodeURIComponent(
                API_URL.activityUrl + '/' + TV.GetParam('id'))
            $('.erweima').attr('src', surl)
        })
    }
    getMessage();

    function direOpt(index, directive) {
        if (directive == "up") { //上
            console.log('toptop', index)
            switch (index) {
                case 0:
                case 1:
                case 2:
                    index = index;
                    break;
                case 3:
                    index = 1;
                    break;
                case 4:
                    index = 2;
                    break;
                case 5:

            }
            // if (index == 1) { //文章翻滚
            //     TV.articleMove(directive, modelIndex.thisContain, modelIndex.thisDetail);
            // }
        } else if (directive == "down") { //下
            console.log('downdown', index)
            switch (index) {

                case 1:
                    index = 3;
                    break;
                case 2:
                    index = 4;
                    break;
                case 0:
                case 3:
                case 4:
                case 5:
                    index = index;
                    break;
            }
            // if (index == 1) { //文章翻滚
            //     console.log(directive, modelIndex.thisContain, modelIndex.thisDetail, '21212')
            //     TV.articleMove(directive, modelIndex.thisContain, modelIndex.thisDetail);
            // }
        } else if (directive == "backwards") { //左
            clearInterval(articleRun)
            console.log('leftleft', index)
            switch (index) {
                case 0:
                    index = index;
                    break;
                case 3:
                    index = 0;
                    break;
                case 1:
                case 2:
                case 4:
                case 5:
                    index--;
                    break;
            }

        } else if (directive == "forwards") { //右
            clearInterval(articleRun)
            console.log('rightright', index)
            switch (index) {
                case 0:
                case 1:
                case 3:
                case 4:
                    index++;
                    break;
                case 2:
                    index = 5;
                    break;
                case 5:
                    index = index;
                    break;

            }
        }
        // console.log(index)
        // console.log(data[0].url)
        return index;
    }

    function direEnter(index) {


        if (index >= 0 && index < 6) {
            if (index == 5) {
                window.location.href = data[index].url + "?titles=" + data[index].name + "&model=" + data[index].model;

            } else {
                window.location.href = data[index].url + "?titles=" + data[index].name + "&model=" + data[index].model
            }
        }
    }
</script>
<script type="text/javascript" src="js/index.js"></script>

</html>